<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="zh-CN">
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>智创——您身边的投资顾问</title>
    <link rel="stylesheet" th:href="@{css/base.css}" type="text/css">
    <link rel="stylesheet" th:href="@{css/index.css}" type="text/css">
    <link rel="stylesheet" th:href="@{css/header.css}" type="text/css">
    <link rel="stylesheet" th:href="@{css/footer.css}" type="text/css">
    <link rel="shortcut icon" type="image/png" th:href="@{/img/zc.ico}"/>
</head>
<body>
<div data-th-include="common/common"></div>
<main id="main" class="main">
    <div data-th-include="front/header" id="header"></div>
    <div id="banner">
        <ul class="carrousel" id="carrousel">
            <li class="img_show">
                <!--<img src="@{/img/init.png}" data-th-src="@{/img/index/header/banner_5.jpg}" alt="">-->
                <img src="@{/img/init.png}" data-th-src="@{/img/index/header/banner_5.jpg}" alt="">

            </li>
            <li>
                <img src="@{/img/init.png}" data-th-src="@{/img/index/header/banner_6.jpg}" alt="">
            </li>
            <li>
                <img src="@{/img/init.png}" data-th-src="@{/img/index/header/banner_7.jpg}" alt="">
            </li>
            <li>
                <img src="@{/img/init.png}" data-th-src="@{/img/index/header/banner_2.jpg}" alt="">
            </li>
        </ul>
        <a href="#" data-move="left" class="arrow lf"></a>
        <a href="#" data-move="right" class="arrow rg"></a>
        <ul class="indicators" id="indicators">
            <li class="c_hover"></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
        <span class="b_line" id="b_line"></span>
    </div>
    <div id="container">
        <div class="seckill" id="seckill">
            <div class="s_title">
                <h3>超值精选</h3>
                <span>
						总有你想不到的低价
					</span>
            </div>
            <div class="s_product">
                <div class="s_pro">
                    <div class="s_lg_pro s_show" data-s_pro="pro">
                        <div class="s_lg_pro_word">享6.5折</div>
                        <div class="s_lg_img">
                            <img src="@{/img/init.png}" data-th-src="@{/img/index/s_pro/index_11.jpg}" alt=""/>
                        </div>
                        <div class="s_lg_info">
                            <span>超值精选产品</span>
                            <span>&yen;1499.00</span>
                        </div>
                    </div>
                    <div class="s_pro_pro s_hide" data-s_pro="word">
                        <p class="s_pro_img">
                            <img src="@{/img/init.png}" data-th-src="@{/img/index/s_pro/index_11.jpg}" alt=""/>
                        </p>
                        <p class="s_pro_details">Intel酷睿i7处理器，8GB内存+256GB</p>
                        <p class="s_pro_price">
                            <span class="s_pro_price_now">&yen;1499.00</span>
                            <span class="s_pro_price_past"><s>&yen;2299.00</s></span>
                        </p>
                        <p class="s_pro_buy">
                            <button>查看详情</button>
                        </p>
                    </div>
                </div>
                <div class="s_pro">
                    <div class="s_lg_pro s_show" data-s_pro="pro">
                        <div class="s_lg_pro_word">享9.0折</div>
                        <div class="s_lg_img">
                            <img src="@{/img/init.png}" data-th-src="@{/img/index/s_pro/index_31.jpg}" alt=""/>
                        </div>
                        <div class="s_lg_info">
                            <span>超值精选产品</span>
                            <span>&yen;2900.00</span>
                        </div>
                    </div>
                    <div class="s_pro_pro s_hide" data-s_pro="word">
                        <p class="s_pro_img">
                            <img src="@{/img/init.png}" data-th-src="@{/img/index/s_pro/index_31.jpg}" alt=""/>
                        </p>
                        <p class="s_pro_details">8天超长待机，137g轻巧机身</p>
                        <p class="s_pro_price">
                            <span class="s_pro_price_now">&yen;2900.00</span>
                            <span class="s_pro_price_past"><s>&yen;3199.00</s></span>
                        </p>
                        <p class="s_pro_buy">
                            <button>查看详情</button>
                        </p>
                    </div>
                </div>
                <div class="s_pro">
                    <div class="s_lg_pro s_show" data-s_pro="pro">
                        <div class="s_lg_pro_word">享8.8折</div>
                        <div class="s_lg_img">
                            <img src="@{/img/init.png}" data-th-src="@{/img/index/s_pro/index_21.jpg}" alt=""/>
                        </div>
                        <div class="s_lg_info">
                            <span>超值精选产品</span>
                            <span>&yen;2240.00</span>
                        </div>
                    </div>
                    <div class="s_pro_pro s_hide" data-s_pro="word">
                        <p class="s_pro_img">
                            <img src="@{/img/init.png}" data-th-src="@{/img/index/s_pro/index_21.jpg}" alt=""/>
                        </p>
                        <p class="s_pro_details">全金属强化机身/FHD全贴合屏幕</p>
                        <p class="s_pro_price">
                            <span class="s_pro_price_now">&yen;2240.00</span>
                            <span class="s_pro_price_past"><s>&yen;2800.00</s></span>
                        </p>
                        <p class="s_pro_buy">
                            <button>查看详情</button>
                        </p>
                    </div>
                </div>
                <div class="s_pro">
                    <div class="s_lg_pro s_show" data-s_pro="pro">
                        <div class="s_lg_pro_word">享5.5折</div>
                        <div class="s_lg_img">
                            <img src="@{/img/init.png}"
                                 data-th-src="@{/img/index/s_pro/index_41.jpg}" alt=""/>
                        </div>
                        <div class="s_lg_info">
                            <span>超值精选产品</span>
                            <span>&yen;3080.00</span>
                        </div>
                    </div>
                    <div class="s_pro_pro s_hide" data-s_pro="word">
                        <p class="s_pro_img">
                            <img src="@{/img/init.png}"
                                 data-th-src="@{/img/index/s_pro/index_41.jpg}" alt=""/>
                        </p>
                        <p class="s_pro_details">64位四核处理器 / 1GB+4GB大内存</p>
                        <p class="s_pro_price">
                            <span class="s_pro_price_now">&yen;3080.00</span>
                            <span class="s_pro_price_past"><s>&yen;5600.00</s></span>
                        </p>
                        <p class="s_pro_buy">
                            <button>查看详情</button>
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div class="new_product" id="new_product">
            <div class="new_pro_title">
                <div class="n_title">
                    <h3>热卖推荐</h3>
                    <span>
						总有一款是你想要的
					</span>
                </div>
            </div>
            <div class="new_pro_content">
                <div class="new_pro_list" data-nPro="pro_list">
                    <div class="new_pro_info" data-nPro="info">
                        查看详情
                    </div>
                    <div class="shade" data-nPro="shade">
                    </div>
                    <div class="new_pro_img">
                        <img data-nPro="img" src="@{/img/init.png}" data-th-src="@{/img/index/new_product/hot_1.jpg}"
                             alt="">
                    </div>
                    <h4>热卖产品</h4>
                    <span>全金属强化机身/FHD全贴合屏幕</span>
                    <p class="new_pro_price">&yen;5999.00</p>
                </div>
                <div class="new_pro_list" data-nPro="pro_list">
                    <div class="new_pro_info" data-nPro="info">
                        查看详情
                    </div>
                    <div class="shade" data-nPro="shade">
                    </div>
                    <div class="new_pro_img">
                        <img data-nPro="img" src="@{/img/init.png}" data-th-src="@{/img/index/new_product/hot_2.jpg}"
                             alt="">
                    </div>
                    <h4>热卖产品</h4>
                    <span>全金属强化机身/FHD全贴合屏幕</span>
                    <p class="new_pro_price">&yen;5999.00</p>
                </div>
                <div class="new_pro_list" data-nPro="pro_list">
                    <div class="new_pro_info" data-nPro="info">
                        查看详情
                    </div>
                    <div class="shade" data-nPro="shade">
                    </div>
                    <div class="new_pro_img">
                        <img data-nPro="img" src="@{/img/init.png}" data-th-src="@{/img/index/new_product/hot_1.jpg}"
                             alt="">
                    </div>
                    <h4>热卖产品</h4>
                    <span>全金属强化机身/FHD全贴合屏幕</span>
                    <p class="new_pro_price">&yen;5999.00</p>
                </div>
                <div class="new_pro_list" data-nPro="pro_list">
                    <div class="new_pro_info" data-nPro="info">
                        查看详情
                    </div>
                    <div class="shade" data-nPro="shade">
                    </div>
                    <div class="new_pro_img">
                        <img data-nPro="img" src="@{/img/init.png}" data-th-src="@{/img/index/new_product/hot_2.jpg}"
                             alt="">
                    </div>
                    <h4>热卖产品</h4>
                    <span>全金属强化机身/FHD全贴合屏幕</span>
                    <p class="new_pro_price">&yen;5999.00</p>
                </div>
                <div class="new_pro_list" data-nPro="pro_list">
                    <div class="new_pro_info" data-nPro="info">
                        查看详情
                    </div>
                    <div class="shade" data-nPro="shade">
                    </div>
                    <div class="new_pro_img">
                        <img data-nPro="img" src="@{/img/init.png}"
                             data-th-src="@{/img/index/new_product/hot_3.jpg}" alt="">
                    </div>
                    <h4>热卖产品</h4>
                    <span>全金属强化机身/FHD全贴合屏幕</span>
                    <p class="new_pro_price">&yen;5999.00</p>
                </div>
                <div class="new_pro_list" data-nPro="pro_list">
                    <div class="new_pro_info" data-nPro="info">
                        查看详情
                    </div>
                    <div class="shade" data-nPro="shade">
                    </div>
                    <div class="new_pro_img">
                        <img data-nPro="img" src="@{/img/init.png}"
                             data-th-src="@{/img/index/new_product/hot_3.jpg}" alt="">
                    </div>
                    <h4>热卖产品</h4>
                    <span>全金属强化机身/FHD全贴合屏幕</span>
                    <p class="new_pro_price">&yen;5999.00</p>
                </div>
                <div class="new_pro_list" data-nPro="pro_list">
                    <div class="new_pro_info" data-nPro="info">
                        查看详情
                    </div>
                    <div class="shade" data-nPro="shade">
                    </div>
                    <div class="new_pro_img">
                        <img data-nPro="img" src="@{/img/init.png}"
                             data-th-src="@{/img/index/new_product/hot_4.jpg}" alt="">
                    </div>
                    <h4>热卖产品</h4>
                    <span>全金属强化机身/FHD全贴合屏幕</span>
                    <p class="new_pro_price">&yen;5999.00</p>
                </div>
                <div class="new_pro_list" data-nPro="pro_list">
                    <div class="new_pro_info" data-nPro="info">
                        查看详情
                    </div>
                    <div class="shade" data-nPro="shade">
                    </div>
                    <div class="new_pro_img">
                        <img data-nPro="img" src="@{/img/init.png}"
                             data-th-src="@{/img/index/new_product/hot_3.jpg}" alt="">
                    </div>
                    <h4>热卖产品</h4>
                    <span>全金属强化机身/FHD全贴合屏幕</span>
                    <p class="new_pro_price">&yen;5999.00</p>
                </div>
                <div class="new_pro_list" data-nPro="pro_list">
                    <div class="new_pro_info" data-nPro="info">
                        查看详情
                    </div>
                    <div class="shade" data-nPro="shade">
                    </div>
                    <div class="new_pro_img">
                        <img data-nPro="img" src="@{/img/init.png}"
                             data-th-src="@{/img/index/new_product/hot_1.jpg}" alt="">
                    </div>
                    <h4>热卖产品</h4>
                    <span>全金属强化机身/FHD全贴合屏幕</span>
                    <p class="new_pro_price">&yen;5999.00</p>
                </div>
                <div class="new_pro_list" data-nPro="pro_list">
                    <div class="new_pro_info" data-nPro="info">
                        查看详情
                    </div>
                    <div class="shade" data-nPro="shade">
                    </div>
                    <div class="new_pro_img">
                        <img data-nPro="img" src="@{/img/init.png}"
                             data-th-src="@{/img/index/new_product/hot_2.jpg}" alt="">
                    </div>
                    <h4>热卖产品</h4>
                    <span>全金属强化机身/FHD全贴合屏幕</span>
                    <p class="new_pro_price">&yen;5999.00</p>
                </div>
            </div>
        </div>
        <div class="appraisal" id="appraisal">
            <div class="app_title">
                <div class="n_title">
                    <h3>产品测评</h3>
                    <span>
						产品好不好，看这里
					</span>
                </div>
            </div>
            <div class="app_msg_list">
                <div class="app_msg">
                    <a href="/front/stock" />
                    <div class="app_msg_img">
                        <img src="@{/img/init.png}"
                             data-th-src="@{/img/index/appraisal/pingce_1.jpg}" alt=""/>
                    </div>
                    <div class="app_msg_content">
                        <p class="content_title">
                            上证指数
                        </p>
                        <p class="content_info">
                            上证指数分析及预测
                        </p>
                    </div>
                </div>
                <div class="app_msg">
                    <a href="/front/shenzhen" />
                    <div class="app_msg_img">
                        <img src="@{/img/init.png}" data-th-src="@{/img/index/appraisal/pingce_2.jpg}" alt=""/>
                    </div>
                    <div class="app_msg_content">
                        <p class="content_title">
                            深证指数
                        </p>
                        <p class="content_info">
                            深证指数分析及预测
                        </p>
                    </div>
                </div>
                <div class="app_msg">
                    <div class="app_msg_img">
                        <img src="@{/img/init.png}" data-th-src="@{/img/index/appraisal/pingce_3.jpg}" alt=""/>
                    </div>
                    <div class="app_msg_content">
                        <p class="content_title">
                            测评案例
                        </p>
                        <p class="content_info">
                            测评案例&&测评案例
                        </p>
                    </div>
                </div>
                <div class="app_msg">
                    <div class="app_msg_img">
                        <img src="@{/img/init.png}" data-th-src="@{/img/index/appraisal/pingce_4.jpg}"
                             alt=""/>
                    </div>
                    <div class="app_msg_content">
                        <p class="content_title">
                            测评案例
                        </p>
                        <p class="content_info">
                            测评案例&&测评案例&&测评案例
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div data-th-include="front/footer" id="footer"></div>
    <div id="lift">
        <ul class="lift_list">
            <li class="lift_item" data-site="#seckill">
                <span>超值<br/>精选</span>
            </li>
            <li class="lift_item" data-site="#new_product">
                <span>热卖<br/>推荐</span>
            </li>
            <li class="lift_item" data-site="#appraisal">
                <span>产品<br/>测评</span>
            </li>
            <li class="lift_item" data-site="top">
                <span>回到<br/>顶部</span>
            </li>
        </ul>
    </div>
</main>
<script data-th-src="@{js/jquery-3.2.1.js}"></script>
<script data-th-src="@{js/base.js}"></script>
<script data-th-src="@{js/index.js}"></script>

</body>
</html>